<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  
  <title>  </title>
	<link rel="stylesheet" href="jquery_ui/development-bundle/themes/base/jquery.ui.all.css">
	<script src="jquery_ui/development-bundle/jquery-1.4.4.js"></script>
	<script src="jquery_ui/development-bundle/ui/jquery.ui.core.js"></script>
	<script src="jquery_ui/development-bundle/ui/jquery.ui.widget.js"></script>
	<script src="jquery-ui.js"></script>
	<script src="jquery_ui/development-bundle/ui/jquery.ui.button.js"></script>
	
	<link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection">
	<link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print">	
	<!--[if lt IE 8]><link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->

	<link rel="stylesheet" href="style.css">
	<link rel="stylesheet" href="jquery_ui/development-bundle/demos/style.css">
	

	


 <script type="text/javascript" src="section2.js">
 </script>
 <script type="text/javascript" src="section3.js">
 </script>
 <script type="text/javascript" src="candidates.json">
 </script>
 
 <script type="text/javascript">
 <!--
	var jsonResult = {};
	function buildInterface() {
		attributeOptions.convertData();
		attributeOptions.createRow('optionsTable');
	}
 //-->
 </script>
 </head>

 <body onload="buildInterface()">
  <div class="container">
  
			<div id="section1" class="section">
				<span>General Election 2011 - Which candidate should you vote for?</span>
			</div>
	
			<div id="section2" class="section">
				
				<div id="optionsTable">
				
				</div>
			</div>
	
			<div id="section3" class="section">
				<div id="accordion"></div>
			</div>

  </div>
 </body>
</html>
